﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>导航条Dome</title>
    <link href="jsLib/themes/default/easyui.css" rel="stylesheet" />
    <link href="jsLib/themes/icon.css" rel="stylesheet" />
    <link href="jsLib/themes/color.css" rel="stylesheet" />
    <script src="jsLib/jquery.min.js"></script>
    <script src="jsLib/jquery.easyui.min.js"></script>
    <script src="jsLib/easyui-lang-zh_CN.js"></script>
    <style>
        ul li {
            list-style-type: none;
            float: left;
            min-width: 100px;
            min-height: 30px;
            text-align: center;
            line-height: 30px;
            background: #fafafa;
            background-repeat: repeat-x;
            color: #444;
        }

            ul li:hover {
                background: #e2e2e2;
                color: #000000;
                border: 1px solid #ccc;
                filter: none;
            }
    </style>
</head>
<body>
    <div style="width:120px;">
        <div>
            <ul>
                <li>导航一</li>
                <li>导航二</li>
                <li>导航三</li>
                <li>导航四</li>
                <li>导航五</li>
                <li>导航六</li>
            </ul>
        </div>
        
    </div>
</body>
</html>